<?php get_header(); ?>
<body class="" data-ajaxloading data-smoothscrolling >
    <div class="pace">
        <div class="pace-activity"></div>
    </div>
    <div id="page">
        <nav class="navigation  navigation--mobile">
            <h2 class="accessibility">主手机导航</h2>
            <nav class="menu-header-menu-container">
                <ul id="wpgrade-main-nav-mobile" class="site-navigation site-navigation--main site-navigation--mobile">
                    <li  class="menu-item">
                        <a href="<?php bloginfo('url'); ?>">网站首页</a>
                    </li>
                    <li class="menu-item menu-item-has-children current-menu-item">
                        <a href="<?php bloginfo('url'); ?>/product">作品画廊</a>
                        <ul class="sub-menu">
                            <?php wp_list_cats("child_of=" . get_category_root_id(3) . "&depth=0&hide_empty=0") ?>            
                        </ul>
                    </li>
                    <li class="menu-item"><a href="<?php bloginfo('url'); ?>/designers">设计师</a>
                    </li>
                    <li class="menu-item"><a href="<?php bloginfo('url'); ?>/about">认识我们</a>
                    </li>
                    <li class="menu-item "><a href="http://www.3denjoy.com/" target="_blank">官方论坛</a></li>
                    <li class="menu-item"><a href="<?php bloginfo('url'); ?>/contact">联系我们</a></li>
                </ul>
            </nav>            
            <div class="nav-meta">
                <div class="sidebar--header">
                    <div id="text-2" class="widget widget--header widget_text">         
                        <div class="textwidget"></div>
                    </div>  
                </div>
                <div class="header__social-section">
                    <h4 class="widget__title">社交媒体</h4>     
                    <ul class="site-social-links">
                        <li class="site-social-links__social-link">
                            <a href="index.html#" target="_blank">
                                <i class="pixcode  pixcode--icon  icon-e-sina-weibo"></i>
                            </a>
                        </li>
                        <li class="site-social-links__social-link">
                            <a href="index.html#" target="_blank">
                                <i class="pixcode  pixcode--icon  icon-e-tqq"></i>
                            </a>
                        </li>
                        <li class="site-social-links__social-link">
                            <a href="index.html#" target="_blank">
                                <i class="pixcode  pixcode--icon  icon-e-weixin"></i>
                            </a>
                        </li>
                        <li class="site-social-links__social-link">
                            <a href="index.html#" target="_blank">
                                <i class="pixcode  pixcode--icon  icon-e-qq"></i>
                            </a>
                        </li>
                        <li class="site-social-links__social-link">
                            <a href="index.html#" target="_blank">
                                <i class="pixcode  pixcode--icon  icon-e-renren"></i>
                            </a>
                        </li>
                    </ul>
                </div>            
                <div class="site-info">
                    <p>2015 © 3-dage.com with love by <a href="" target="_blank">三维魔坊</a> Team</p>
                </div><!-- .site-info -->
            </div>
        </nav> 

        <div class="wrapper">
            <div class="header" data-smoothscrolling>
                <header class="site-header">
                    <div class="site-header__branding">
                        <div class="site-logo site-logo--image site-logo--image-2x">
                            <a class="site-home-link" href="" title="">
                                <img src="<?php bloginfo('template_url'); ?>/images/logo01.png" data-logo2x="<?php bloginfo('template_url'); ?>/images/logo01.png"  alt=""/>
                            </a>
                        </div>
                    </div>
                    <div class="site-navigation__trigger js-nav-trigger">
                        <span class="nav-icon"></span>
                    </div>
                    <div class="header__inner-wrap">
                        <div id="navigation" class="djax-updatable">
                            <nav class="menu-header-menu-container">
                                <ul id="wpgrade-main-nav-desktop" class="site-navigation site-navigation--main">
                                    <li class="menu-item--main ">
                                        <a href="<?php bloginfo('url'); ?>" class="">网站首页</a>
                                    </li>
                                    <li class="menu-item--main menu-item--parent current-menu-item">
                                        <a href="<?php bloginfo('url'); ?>/product" class="">作品画廊</a>
                                        <ul class="site-navigation__sub-menu">
                                            <?php wp_list_cats("child_of=" . get_category_root_id(3) . "&depth=0&hide_empty=0") ?>
                                        </ul>
                                    </li>
                                    <li class="menu-item--main">
                                        <a href="<?php bloginfo('url'); ?>/designers" class="">设计师</a>
                                    </li>
                                    <li class="menu-item--main">
                                        <a href="<?php bloginfo('url'); ?>/about" class="">认识我们</a>
                                    </li>
                                    <li class="menu-item--main ">
                                        <a href="http://www.3denjoy.com/" target="_blank" class="">官方论坛</a>
                                    </li>
                                    <li class="menu-item--main ">
                                        <a href="<?php bloginfo('url'); ?>/contact" class="">联系我们</a>
                                    </li>
                                </ul>
                            </nav>          
                        </div>
                    </div>
                </header>

                <div class="sidebar--header">
                    <div id="text-2" class="widget widget--header widget_text">         
                        <div class="textwidget"></div>
                    </div>  
                </div>
                <footer id="colophon" class="site-footer" role="contentinfo">
                    <div class="header__social-section">
                        <h4 class="widget__title">社交媒体</h4>                
                        <ul class="site-social-links">
                            <li class="site-social-links__social-link">
                                <a href="index.html#" target="_blank">
                                    <i class="pixcode  pixcode--icon  icon-e-sina-weibo"></i>
                                </a>
                            </li>
                            <li class="site-social-links__social-link">
                                <a href="index.html#" target="_blank">
                                    <i class="pixcode  pixcode--icon  icon-e-tqq"></i>
                                </a>
                            </li>
                            <li class="site-social-links__social-link">
                                <a href="index.html#" target="_blank">
                                    <i class="pixcode  pixcode--icon  icon-e-weixin"></i>
                                </a>
                            </li>
                            <li class="site-social-links__social-link">
                                <a href="index.html#" target="_blank">
                                    <i class="pixcode  pixcode--icon  icon-e-qq"></i>
                                </a>
                            </li>
                            <li class="site-social-links__social-link">
                                <a href="index.html#" target="_blank">
                                    <i class="pixcode  pixcode--icon  icon-e-renren"></i>
                                </a>
                            </li>
                        </ul>
                    </div>
        
                    <div class="site-info text--right">
                        <p>2015 © 3-dage.com with love by <a href="" target="_blank">三维魔坊</a> Team</p>
                    </div><!-- .site-info -->
                </footer><!-- #colophon -->
            </div>
            <!-- .header -->

            <div id="main" class="content djax-updatable">
                
                <?php while (have_posts()) : the_post(); ?>
        	    <div class="featured-image">
                    <div class="pixslider js-pixslider" data-bullets data-customarrows data-sliderpauseonhover data-imagealigncenter data-imagescale="fill" data-slidertransition="move"data-enablecaption  >
            	        <div class="pixslider__slide">
	                        <a href="http://aliyundemo.in5arts.com/creative/006/wp-content/uploads/2013/09/fwws-12.jpg" class="rsImg"></a>
	                    </div>
                	    <div class="pixslider__slide">
	                        <a href="http://aliyundemo.in5arts.com/creative/006/wp-content/uploads/2013/09/fwws-14.jpg" class="rsImg"></a>
	                    </div>
                	    <div class="pixslider__slide">
	                        <a href="http://aliyundemo.in5arts.com/creative/006/wp-content/uploads/2013/09/fwws-10.jpg" class="rsImg" ></a>
	                    </div>
                	    <div class="pixslider__slide">
	                        <a href="http://aliyundemo.in5arts.com/creative/006/wp-content/uploads/2013/09/fwws-09.jpg" class="rsImg"></a>
	                    </div>           
                    </div>
                </div>
           
                <div class="page-content single-portfolio-fullwidth">
                    <div class="page-main">
                        <article  class="">
                            <div class="row">
                                <div class="project--fullwidth__header">
                                    <header class="entry__header">
                                        <h1 class="entry__title"><?php the_title() ?></h1>
                                        <div class="entry__meta entry__meta--project cf hand-visible">
            								<div class="entry__meta-box meta-box--client">
                								<span class="meta-box__box-title">作者: </span>
                								<a href="<?php echo get_author_posts_url(get_the_author_meta('ID')); ?>" title="查看<?php the_author(); ?>所有文章"><?php  echo the_author_meta( 'nickname' ); ?></a>
                							</div>
							                 
							                <div class="entry__meta-box meta-box--categories">
								                <span class="meta-box__box-title">类别: </span>
                                                <div class="dage-d1">
                                                    <?php the_category() ?>
                                                </div>
											</div>
                                        </div>
                                    </header>
                                    <!-- .entry-header -->
                                </div> 
                                <div class="project--fullwidth__content">
                                    <div class="entry__content project-entry-content">
                                        <?php the_content() ?>
                                    </div><!-- .entry__content -->
                                </div>
                            </div>

                            <footer class="entry__meta entry__body cf to-hand-visible">
                                <hr class="separator separator--dotted" />
                                <div class="entry__meta entry__meta--project cf">
                        			<div class="entry__meta-box meta-box--client">
            							<span class="meta-box__box-title">作者: </span>
                                        <a href="<?php echo get_author_posts_url(get_the_author_meta('ID')); ?>" title="查看<?php the_author(); ?>所有文章"><?php  echo the_author_meta( 'nickname' ); ?></a>
            						</div>                     
						            <div class="entry__meta-box meta-box--categories">
							            <span class="meta-box__box-title">类别: </span>
										<div class="dage-d1">
                                            <?php the_category() ?>
                                        </div>
									</div>
                                </div>                
                            </footer>

                            <div class="row">
                                <div class="project--fullwidth__separator--header">
                                    <hr class="separator separator--striped separator--full-left"/>
                                </div>
                                <div class="project--fullwidth__separator--content">
                                    <hr class="separator separator--striped"/>
                                </div>
                            </div>

                            <footer class="entry__meta entry__meta--social entry__body flexbox cf">
                                <div class="pixlikes-box likeable likes-box--footer flexbox__item ">
                                    <?php wp_zan();?><span class="likes-counta">人喜欢</span>    
                                </div>
        						
                                <div class="social-links flexbox__item text--right">
                                    <span class="social-links__message">分享: </span>
                                    <div class="bshare-custom icon-medium social-links__list"><a title="分享到QQ空间" class="bshare-qzone"></a><a title="分享到新浪微博" class="bshare-sinaminiblog"></a><a title="分享到人人网" class="bshare-renren"></a><a title="分享到腾讯微博" class="bshare-qqmb"></a><a title="分享到网易微博" class="bshare-neteasemb"></a><a title="更多平台" class="bshare-more bshare-more-icon more-style-addthis"></a><span class="BSHARE_COUNT bshare-share-count">0</span></div><script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/button.js#style=-1&amp;uuid=&amp;pophcol=2&amp;lang=zh"></script><a class="bshareDiv" onclick="javascript:return false;"></a><script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/bshareC0.js"></script>
                                </div>
                            </footer>
                            <!-- .entry-meta -->
                        </article>
                        <!-- #post -->
                        
                        <section class="related-projects_container entry__body">
                            <header class="related-projects_header">
                                <h4 class="related-projects_title">相关作品</h4>
                               
                            </header>  

                            <div class="yarpp-related">
                                <div class="related-projects_items-list-container">
                                    <ul class="related-projects_items-list">
                                        <?php
                                            global $post;
                                            $cats = wp_get_post_categories($post->ID);
                                            if ($cats) {
                                                $args = array(
                                                      'category__in' => array( $cats[0] ),
                                                      'post__not_in' => array( $post->ID ),
                                                      'showposts' => 6,
                                                      'caller_get_posts' => 1
                                                  );
                                                query_posts($args);

                                                if (have_posts()) { while (have_posts()) {the_post(); update_post_caches($posts); ?>
                                                    <li class="related-projects_item zan-a2">
                                                        <article>
                                                            <a href="<?php the_permalink(); ?>" rel="bookmark" title="<?php the_title_attribute(); ?>" class="image__item-link">
                                                               <div class="image__item-wrapper">
                                                                    
                                                                    <?php
                                                                        $images =get_post_meta( $post->ID, 'tz');
                                                                        foreach ( $images as $image )
                                                                        {
                                                                            echo '<img class="js-lazy-load" src="" data-src="'.pods_image_url( $image, 'null' ).'" >';
                                                                        }
                                                                    ?> 
                                                                </div>

                                                                <div class="image__item-meta image_item-meta--portfolio">
                                                                    <div class="image_item-table">
                                                                        <div class="image_item-cell image_item--block image_item-cell--top">
                                                                            <h4 class="image_item-title"><?php the_title() ?></h4>
                                                                             <span class="image_item-description"><?php the_excerpt() ?></span>
                                                                        </div>

                                                                        <div class="image_item-cell image_item--block image_item-cell--bottom">
                                                                            <div class="image_item-meta grid">
                                                                                <ul class="image_item-categories grid__item one-half" style="width:60%">
                                                    
                                                                                    <li class="image_item-cat-icon"><i class="icon-folder-open"></i></li>
                                                                                    <?php
                                                                                        foreach((get_the_category()) as $category)
                                                                                        {   
                                                                                            echo "<li class='image_item-category'>";
                                                                                            echo $category->cat_name;
                                                                                            echo "</li>";
                                                                                        }
                                                                                    ?>
                                                                                </ul>
                                                                                <div class="pixlikes-box liked image_item-like-box likes-box grid__item one-half likes-box" style="width:40%">
                                                                                    <span class="like-link"><i class="icon-e-heart"></i></span>
                                                                                    <div class="likes-text">
                                                                                        <span class="likes-count"><span class="zan-a1"></span></span> 喜欢  
                                                                                    </div>
                                                
                                                                                </div>

                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="zan-a4">
                                                                    <?php wp_zan();?>
                                                                </div>
                                                            </a>
                                                        </article>
                                                    </li>
                                                <?php
                                                }
                                            } 
                                        wp_reset_query(); 
                                            }
                                        ?>
                                    </ul>

                                </div>
                            </div>
                        </section>
                        
                    </div>
                </div>
                <!-- #page-content -->
                <?php endwhile;?>

            </div>
            <!-- .content -->        
        </div>
        <!-- .wrapper -->
    </div>
<?php get_footer(); ?>